.body{
        background: #EEEEEE;
    height: 100vh;
    padding-bottom:0
}
.search {
    width        : 100%;
    height       : 3rem;
    border-bottom: 1px solid #EDEDED;
}

.search-content {
    width        : 94%;
    margin       : auto;
    justify-items: center;
    display      : flex;
    padding-top  : 0.5rem;
}

.ipt {
    border       : 1px solid #FA6795;
    border-radius: 5rem;
}

.bodyhead {
    position  : fixed;
    width     : 100%;
    background: #fff;
}

.header {
    /* margin-top: 3rem;
    height       : 3rem;
    width        : 100%;
    position     : fixed;
    top          : 0;
    border-bottom: 0.5rem solid #EDEDED; */
}

.header p {
    color      : #808080;
    line-height: 3rem;
    font-size  : 14px;
}

.tabbar-nav {
    position: relative;
}

.order-content {
    padding-top: 6rem;
    display: none;
}
.order-list{
    margin-top:10px;
}
.order-item {
    margin-bottom: 10px;
    background: #fff;
}

.order-item_head {
    display        : flex;
    justify-content: space-between;
    padding        : 10px 10px;
}
.order-item_mark{
    color: #FA6795;
}
.order-item_main {
    padding      : 5px 0px;
    border-top   : 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding      : 8px 10px;
    display      : flex;
   
}

.item_head {
    width        : 5rem;
    height       : 5rem;
    border-radius: 4px;

}

.item_head img {
    width        : 100%;
    height       : 100%;
    display      : block;
    border-radius: 4px;
}

.order-item_text {
    margin-left: 10px;
    flex       : 5;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
}

.order-item_text .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.order-item_text .desc{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.desc-t{
    color: #FA6795;
}
.order-item_bottom{
    display: flex;
   padding : 8px 10px;
   align-items: center;

}
.order-item_bottom .left{
    flex:1;
    display: flex;
    font-size: 0.8rem;
}
.order-item_bottom .right {
    flex:1;
    display:flex;
    justify-content:flex-end;
}
.item-o{
    margin-right: 5px;
}
.color{
    color: #FA6795;
}
.item-s{
    font-size: 0.9rem;
    width: 5rem;
    height: 1.8rem;
    border:1px solid #ccc;
    border-radius: 1.8rem;
    text-align: center;
    line-height: 1.8rem;
    margin-left: 10px;
}
.item-s:last-child{
    border:1px solid #FA6795;
}
.active{
    display: block;
}